<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="../common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
	<head>
	    <meta charset="utf-8">
	    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	    <title>添加地址</title>
	    <link rel="stylesheet" href="${path }/common/css/mui.min.css" />
	</head>
	<style type="text/css">
		body{
			margin: 0;
			padding: 0;
			background: white;
		}
		
		.top{
			margin: 0;
            padding: 0;
			text-align: center;
			background: skyblue;
			height: 100px;
			line-height: 100px;
			color: white;
			
		}
		
	     .name{
	     	height:50px ;
	     	float: left;
	     	width: 100%;
	     	border-style: solid ;
	     	border-width: 1px;
	     	border-left-color: white;
	     	border-right-color: white;
	     	border-top-color: white;
	     	border-bottom-color: beige;
	     }
	     .phone{
	     	height:50px ;
	     	width: 100%;
	     	border-style: solid ;
	     	border-width: 1px;
	     	border-left-color: white;
	     	border-right-color: white;
	     	border-top-color: white;
	     	border-bottom-color: beige;
	     }
	     .adress{
	     	height:50px ;
	     	width: 100%;
	     	border-style: solid ;
	     	border-width: 1px;
	     	border-left-color: white;
	     	border-right-color: white;
	     	border-top-color: white;
	     	border-bottom-color:beige;
	     }
	     .name1{
	     	float: left;
	     	height: 50px;
	     	width:85% ;
	     	background: white;
	     
	     }
	     .phone1{
	     	float: left;
	     	height: 50px;
	     	width: 85%;
	     	background: white;
	     }
	      .paddress1{
	     	float: left;
	     	height: 50px;
	     	width: 85%;
	     	background: white;
	     }
	     .pname{
	     	display: block;
	     	float: left;
	     	height: 50px;
	     	width: 15%;
	     	background: white;
	     	
	     }
	     .pphone{
	     	display: block;
	     	float: left;
	     	height: 50px;
	     	width: 15%;	
	     	background: white;
	     }
	     .clear{
	     	height: 0px;
	     	width: 0px;
	     	clear: both;
	     }
	     .paddress{
	     	display: block;
	     	float: left;
	     	height: 50px;
	     	width: 15%;
	     	background: white;
	     }
	     
	     .nametext{
	     	height: 45px;
	     	width: 100%;
	        outline: none;
	     	border: none;
	     }
	     .phonetext{
	     	height: 45px;
	     	width: 100%;
	     	border: none;
	     	outline: none;
	     }
	     .addresstext{
	     	height: 45px;
	     	width: 100%;
	     	border: none;
	     	outline: none;
	     }
	     .sub{
	     	width: 80%;
	     	height: 35px;
	     	background:#007aff ;
	     }
	    
	</style>
	<body>
		<form action="${path }/posSave" method="post">
			<div>
				<div class="top">添加地址</div>
				<div class="name">
					<span class="pname"> <img
						src="${path }/common/images/name.jpg" />
					</span>
					<div class="name1">
						<input type="text" name="name" class="nametext"
							placeholder="请输入姓名" />
					</div>
				</div>
				<div class="clear"></div>
				<div class="phone">
					<span class="pphone"> <img
						src="${path }/common/images/phone.jpg" />
					</span>
					<div class="phone1">
						<input type="text" name="phone" class="phonetext"
							placeholder="请输入电话" />
					</div>
				</div>
				<div class="clear"></div>
				<div class="adress">
					<span class="paddress"> <img
						src="${path }/common/images/adress.jpg" />
					</span>
					<div class="paddress1">
						<input type="text" name="addr" class="addresstext"
							placeholder="请输入地址" />
					</div>
				</div>
				<center>
					<div>
						<input type="submit" class="sub" value="提交" />
					</div>
				</center>
			</div>
		</form>
	</body>
</html>